<div role="dialog" aria-modal="true" aria-label="新增收货地址" class="el-dialog" style="margin-top: 15vh; width: 50%;">
            <div class="el-dialog__header">
              <span class="el-dialog__title">新增收货地址</span>
              <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                <i class="el-dialog__close el-icon el-icon-close" id="receiverDivClose"></i>
              </button>
            </div>
            <div class="el-dialog__body">
              <div style="margin: 15px 0px;">
                <div class="layui-form-item">
                  <label class="layui-form-label">收件人姓名
                    <font color="red">(*)</font>:</label>
                  <div class="layui-input-block">
                    <div class="input_name el-input">
                      <!---->
                      <input type="text" autocomplete="off" placeholder="请输入收件人姓名" class="el-input__inner" id="consignee">
                      <!----></div>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">省市区
                    <font color="red">(*)</font>:</label>
                  <div class="layui-input-block">
                  		<input id="addressPicker" type="hidden" value=""/>
						<div class="city-picker-select"></div>
                    <div class="cl"></div>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">详细地址
                    <font color="red">(*)</font>:</label>
                  <div class="layui-input-block">
                    <div class="input_name el-input">
                      <!---->
                      <input type="text" autocomplete="off" placeholder="请输入详细地址" class="el-input__inner" id="address">
                      <!----></div>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">手机
                    <font color="red">(*)</font>:</label>
                  <div class="layui-input-block">
                    <div class="input_name el-input">
                      <!---->
                      <input type="text" autocomplete="off" placeholder="请输入手机号" class="el-input__inner" id="phone">
                      <!----></div>
                  </div>
                </div>
                <!---->
                <div class="layui-form-item">
                  <label class="layui-form-label">是否设置默认：</label>
                  <div class="layui-input-block">
                    <div role="switch" class="el-switch" style="margin-top: 10px;" id="receiverDefault">
                      <input type="checkbox" name="" true-value="true" class="el-switch__input">
                      <!---->
                      <span class="el-switch__core" style="width: 40px;"></span>
                      <!----></div>
                  </div>
                </div>
                <div class="layui-form-item">
                  <div class="layui-input-block" style="margin-left: 150px;">
                    <button type="button" class="el-button el-button--default" id="receiverBtn">
                      <span>提交</span></button>
                  </div>
                </div>
              </div>
            </div>
            <!----></div>
            
            <script type="text/javascript">
          //原生城市-联动
			var select = $('.city-picker-select').cityPicker({
				dataJson: cityData,
				renderMode: false,
				storage: false,
				autoSelected: false,
				level: 3,
				onChoiceEnd: function() {
					console.log(this.values)
					var province = this.values[0].name;
					var city = this.values[1].name;
					var district = this.values[2].name;
					$("#addressPicker").val(province+","+city+","+district);
				}
			});
            </script>